<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="shortcut icon" href="img/logo.ico">  <!--引入LOGO图标-->
    <link rel="stylesheet" href="css/common.css">  <!--引入公共css样式-->
    <link rel="stylesheet" href="css/shop_cart.css">  <!--引入shop_cart的css样式-->
</head>
<body>
    <div class="header">
        <div class="middle container">
            <a href="index.html"><img class=logo src="img/index_1.png" alt="index_1.png"></a>
            <ul class="progress">
                <li class="on">1.我的购物车</li>
                <li>2.提交订单方式</li>
                <li>3.成功支付订单</li>
            </ul>
        </div>
    </div>
    <div class="main container">
        <div class="my_shop">
            <span>我的购物车</span>
            <i>在线支付全场满¥100免运费</i>
        </div>
        <ul class="list">
            <li>全选</li>
            <li>商品</li>
            <li>单价</li>
            <li>数量</li>
            <li>操作</li>
        </ul>
        <ol class="shopCar" id="shopCar">
            <!--<li>
                <label>
                    <input type="checkbox" name="select">
                    <span></span>
                    <img src="../img/shop_cart_2.png" alt="shop_cart_2.png">
                </label>
                <div>
                    <div class="top">
                        <h3>JBL 汽车音响系列</h3>
                        <b>¥<i>5555.00</i></b>
                        <div class="num">
                            <img src="../img/shop_cart_5.png" alt="shop_cart_5.png">
                            <input type="text" value="1">
                            <img src="../img/shop_cart_6.png" alt="shop_cart_6.png">
                        </div>
                        <i>收藏</i>
                    </div>
                    <div class="bottom">
                        <b>编号：125362</b>
                        <i>本订单已免运费</i>
                        <img src="../img/shop_cart_7.png" alt="shop_cart_7.png">
                    </div>
                </div>
            </li>-->
        </ol>
        <div class="integral">
            <span>使用积分<i>&gt</i></span>
            <div class="right" id="right">
                <div>共<i id="sum">0</i>件商品 商品金额 <span>¥<b>0</b></span></div>
                <div>总金额(含运费) <span id="money">¥<i>0</i></span></div>
            </div>
        </div>
        <div class="balance" id="balance">
            <label>
                <input type="checkbox">
                <span></span>
            </label>
            <i>批量删除</i>
            <b id="#buyNow">立即结算</b>
        </div>
        <div class="guess">
            <h2>猜你喜欢</h2>
            <div class="change"><img src="img/index_24.png" alt="index_24.png">换一组</div>
            <ul>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_6.png" alt="user_6.png">
                        <h3>漫步者汽车音响</h3>
                        <p>¥5.602</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_7.png" alt="user_7.png">
                        <h3>铁将军悍马音响</h3>
                        <p>¥3.66</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_8.png" alt="user_8.png">
                        <h3>洛克时代音响</h3>
                        <p>¥6.666</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_9.png" alt="user_9.png">
                        <h3>歌贝斯q9音响</h3>
                        <p>¥5.02</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_10.png" alt="user_10.png">
                        <h3>超薄低音炮音响</h3>
                        <p>¥4.602</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_11.png" alt="user_11.png">
                        <h3>洛克时代音响</h3>
                        <p>¥5.60</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_6.png" alt="user_6.png">
                        <h3>漫步者汽车音响</h3>
                        <p>¥5.602</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_7.png" alt="user_7.png">
                        <h3>铁将军悍马音响</h3>
                        <p>¥3.66</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_8.png" alt="user_8.png">
                        <h3>洛克时代音响</h3>
                        <p>¥6.666</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_9.png" alt="user_9.png">
                        <h3>歌贝斯q9音响</h3>
                        <p>¥5.02</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_10.png" alt="user_10.png">
                        <h3>超薄低音炮音响</h3>
                        <p>¥4.602</p>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                        <img src="img/user_11.png" alt="user_11.png">
                        <h3>洛克时代音响</h3>
                        <p>¥5.60</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <ul class="access container">
            <li>
                <img src="img/index_31.png" alt="index_31.png">

                <div class="text">
                    <h3>天天低价</h3>

                    <p>超值特价 每日更新</p>
                </div>
            </li>
            <li>
                <img src="img/index_32.png" alt="index_32.png">

                <div class="text">
                    <h3>正品保障</h3>

                    <p>100%正品采购</p>
                </div>
            </li>
            <li>
                <img src="img/index_33.png" alt="index_33.png">

                <div class="text">
                    <h3>15天退换货</h3>

                    <p>退换无忧，购物更放心</p>
                </div>
            </li>
            <li>
                <img src="img/index_34.png" alt="index_34.png">

                <div class="text">
                    <h3>评价晒单有礼</h3>

                    <p>分享评价活动礼券</p>
                </div>
            </li>
        </ul>
        <div class="service container">
            <dl>
                <dt>新手入门</dt>
                <dd><a href="javascript:;">购物流程</a></dd>
                <dd><a href="javascript:;">会员制度</a></dd>
                <dd><a href="javascript:;">订单查询</a></dd>
            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd><a href="javascript:;">货到付款</a></dd>
                <dd><a href="javascript:;">网上支付</a></dd>
                <dd><a href="javascript:;">银行支付</a></dd>
                <dd><a href="javascript:;">其他支付</a></dd>
            </dl>
            <dl>
                <dt>配送服务</dt>
                <dd><a href="javascript:;">配送进度查询</a></dd>
                <dd><a href="javascript:;">商品验货与验收</a></dd>
            </dl>
            <dl>
                <dt>售后保证</dt>
                <dd><a href="javascript:;">退换货政策</a></dd>
                <dd><a href="javascript:;">联系客服</a></dd>
            </dl>
            <div class="scan">
                <p>扫一扫关注公众号</p>
                <img src="img/index_35.png" alt="index_35.png">
            </div>
        </div>
        <div class="record container">
            <p>Copyright© 2002-2017 ，音响有限公司版权所有 苏ICP备10207551号-4| 苏B1-20130131| 苏B2-20130376</p>
            <ul>
                <li><a href="javascript:;"><img src="img/index_42.png" alt="index_42.png"></a></li>
                <li><a href="javascript:;"><img src="img/index_43.png" alt="index_43.png"></a></li>
                <li><a href="javascript:;"><img src="img/index_44.png" alt="index_44.png"></a></li>
                <li><a href="javascript:;"><img src="img/index_45.png" alt="index_45.png"></a></li>
                <li><a href="javascript:;"><img src="img/index_46.png" alt="index_46.png"></a></li>
                <li><a href="javascript:;"><img src="img/index_47.png" alt="index_47.png"></a></li>
                <li><a href="javascript:;"><img src="img/index_48.png" alt="index_48.png"></a></li>
                <li><a href="javascript:;"><img src="img/index_49.png" alt="index_49.png"></a></li>
            </ul>
        </div>
    </div>
    <script src="lib/jquery-1.11.3.min.js"></script>
    <script src="lib/storages.js"></script>
    <script src="js/common.js"></script>
    <script src="js/shop_cart.js"></script>
</body>
</html>